<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>013-HTML-CSS</title>
    <!-- 内部样式表 -->
    <style type="text/css">
        body {
            background-color: yellow;
        }

        p {
            color: blue;
        }
    </style>
    <!-- 外部样式表 -->
    <link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

<!-- 背景色属性（background-color）定义一个元素的背景颜色： -->

<body style="background-color:yellow;">
    <h2 style="background-color:red;">这是一个标题</h2>
    <p style="background-color:green;">这是一个段落。</p>

    <!-- font-family（字体），color（颜色），和font-size（字体大小）属性来定义字体的样式: -->
    <h1 style="font-family:verdana;">一个标题</h1>
    <p style="font-family:arial;color:red;font-size:20px;">一个段落。</p>

    <!-- 使用 text-align（文字对齐）属性指定文本的水平与垂直对齐方式： -->
    <h1 style="text-align:center;">居中对齐的标题</h1>
    <p>这是一个段落。</p>
</body>

</html>